<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <!--如果未引入webjars-locator，相关静态资源需要版本号，此处不便于升级-->
  <script th:src="@{/webjars/jquery/3.3.1/jquery.min.js}"></script>
  <script th:src="@{/webjars/bootstrap/3.3.7/js/bootstrap.min.js}"></script>
  <link rel="stylesheet" th:href="@{/webjars/bootstrap/3.3.7/css/bootstrap.min.css}"/>
  <script>


    // $(function(){
    //     $("#button1").click(function(){
    //         $.get(
    //         "/helloajax/get",
    //         function(data,status){
    //             alert("数据：" + data + "\n状态：" + status);
    //         });
    //     });
    // });

    // $(function(){
    //     $("#button2").click(function(){
    //         $.post(
    //         "/helloajax/post",
    //         {
    //              name:"aaa",
    //              url:"123456.com",
    //              address:"佛山科学技术学院"
    //         },
    //         function(data,status){
    //             alert("数据：" + data + "\n状态：" + status);
    //         });
    //     });
    // });

    $(function(){
      $("#button2").click(function(){
        $.ajax({
          type:"post",
          url:"/test2",
          data:{
            username:"xiejianmin"
          },
          success: function(data,status){
            console.log("data =>" + data)
            alert("数据：" + data + "\n状态：" + status);
          }
        });
      });
    });

    $(function(){
      $("#button1").click(function(){
        $.ajax({
          type:"get",
          url:"#",
          success: function(data,status){
            alert("数据：" + data + "\n状态：" + status);
          }
        });
      });
    });
  </script>

</head>
<body>
<button id="button1">发送一个 HTTP GET 请求并获取返回结果</button>
<br>
<br>
<button id="button2">发送一个 HTTP POST 请求并获取返回结果</button>
</body>
</html>